SPECIFICATION 

TO ALL WHOM CONCERN: 

BE IT KNOWN THAT I, AKIRA HASUIKE of Japan with a post office 
address at Sapience Corporation, 3-20-6 Minamiotsuka, Toshima-ku, 
Tokyo, Japan have invented a certain new and useful improvement in 
Image Display Method of which the following is a specification : 
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IMAGE DISPLAY METHOD 

BACKGROUND OF THE INVENTION 

Field of the Invention 

The present invention relates to a method for downloading 
an image larger than a display region of a viewer from a server 
and displaying the image on the viewer . 

Description of the Related Art 

With the development of the Internet, the information 
around the world can be perused on the browser. The image 
information can be also perused on the browser. This is 
implemented by storing an HTML file describing that an image 
file such as a JPEG file is displayed on a Web server. 
Distribution and perusal of newspaper images employing the 
Internet technology have been put to practical use. A 
technique for distribution and perusal of newspaper images 
employing the Internet technology was described in the 
following patent document 1, for example. 

[Patent document 1] 

Japanese Patent Laid-Open No. 2002-236701 

SUMMARY OF THE INVENTION 
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Conventionally, it took a long latency time to download 
an image of large longitudinal and transverse size (number of 
pixels) such as a newspaper image and display it on the browser 
employing the Internet technology. 

Also, distribution and perusal of newspaper image 
employing the Internet technology was conventionally 
implemented by procuring a dedicated software (plug- in 
software, dedicated viewer) that is started from the browser. 
Even the software such as well-known Verisign (registered 
trademark) approved by an approval committee is only able to 
prove the manufacturing company, but there is no guarantee for 
the software itself, whereby the user is responsible for the 
use of software. In practice, since new techniques are 
successively added to the browser, it is very difficult for the 
general user to understand a trend of the browser, and 
selectively use the software with self -responsibility . 
Therefore, the general user is often anxious about using the 
plug-in software, and some users refuse to use the plug-in 
software due to the problems of security, virus and breakage of 
hard disk. 

This invention has been achieved in the light of the 
above-mentioned problems, and it is an object of the invention 
to provide an image display method for downloading an image of 
large longitudinal and transverse size (number of pixels) and 
displaying it on a viewer with less latency time. Also, it is 
another object of the invention to provide a method for 
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implementing the image display method without a plug- in 
software . 

This invention provides an image display method for 
downloading an image larger than a display region of a viewer 
from a server and displaying the image on the viewer, 
comprising dividing the image into a plurality of areas, so 
that each divided image may be transmittable from the server, 
determining each divided image at least a part of which is 
contained in the display region of the viewer in accordance 
with a relative position between the image and the display 
region of the viewer, and enabling the corresponding divided 
image to be preferentially transmitted from the server. 

This invention provides an image display method for 
downloading an image larger than a display region of a viewer 
from a server and displaying the image on the viewer, 
comprising dividing the image into a plurality of areas, each 
divided image being provided beforehand in the server, 
determining each divided image at least a part of which is 
contained in the display region of the viewer in accordance 
with a relative position between the image and the display 
region of the viewer, and enabling the corresponding divided 
image to be preferentially transmitted from the server. 

This invention provides an image display method for 
downloading an image larger than a display region of a viewer 
from a server and displaying the image on the viewer, 
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comprising dividing the image into a plurality of areas, each 
area having a shorter length in one or both of a transverse 
direction and a longitudinal direction than the display region 
of the viewer , each divided image being provided beforehand in 
the server, determining each divided image at least a part of 
which is contained in the display region of the viewer in 
accordance with a relative position between the image and the 
display region of the viewer, and enabling the corresponding 
divided images to be preferentially transmitted from the 
server, in which the transmitted divided images are rearranged 
in an original state and displayed on the viewer. 

This invention provides an image display method for 
downloading an image larger than a display region of a viewer 
from a server and displaying the image on the viewer, 
comprising dividing the image into a plurality of areas, each 
divided image being provided beforehand in the server, the 
viewer determining each divided image at least a part of which 
is contained in the display region of the viewer in accordance 
with a relative position between the image and the display 
region of the viewer, and making a preferential request to the 
server for the divided image, and the server preferentially 
transmitting the divided image in response to the request, in 
which the viewer displays the received divided image. 

This invention provides an image display method for 
downloading an image larger than a display region of a viewer 
from a server and displaying the image on the viewer. 
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comprising dividing the image into a plurality of areas , each 
area having a shorter length in one or both of a transverse 
direction and a longitudinal direction than the display region 
of the viewer, each divided image being provided beforehand in 
the server, the viewer determining each divided image at least 
a part of which is contained in the display region of the viewer 
in accordance with a relative position between the image and 
the display region of the viewer, and making a preferential 
request to the server for the divided images, and the server 
preferentially transmitting the divided images in response to 
the request , in which the viewer rearranges and displays the 
received divided images in an original state. 

With the image display method of this invention, each 
divided image at least a part of which is contained in the 
display region of the viewer is determined in accordance with a 
relative position between the image and the display region of 
the viewer, and the server preferentially transmits the 
corresponding divided image, whereby the image is displayed 
for the viewer with less latency time than transmitting and 
displaying the entire image. 

The image display method of this invention may further 
comprise determining each surrounding divided image adjacent 
to the area of the divided image contained in the display region 
of the viewer, which is contained within a limited range of 
image area in a predetermined positional relation to the 
display region of the viewer, and enabling the corresponding 
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divided image to be preferentially transmitted from the 
server. 

Also, the image display method may further comprising 
determining whether or not the divided image is already 
downloaded and stored in the viewer, in which if the divided 
image is already stored, the stored divided image is read out 
and displayed without downloading it from the server again. 

Also, the divided image is obtained by dividing the image 
like a lattice in one or both of the transverse direction and 
the longitudinal direction. In this case, the lattice is 
formed by dividing the image in the transverse direction at 
every preset number of pixels from a left end position of the 
image as a start point, formed by dividing the image in the 
longitudinal direction at every preset number of pixels from an 
upper end position of the image as the start point, or formed by 
dividing the image in the transverse direction at every preset 
number of pixels from the left end position of the image as the 
start point and dividing the image in the longitudinal 
direction at every preset number of pixels from the upper end 
position of the image as the start point. 

Also, the image display method may further comprise 
setting a predetermined number of frame elements on the viewer, 
the frame elements corresponding to the display region to fit 
and display the divided images contained within a limited range 
of image area in a predetermined positional relation to the 
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display region of the viewer, including the divided image at 
least a part of which is contained in the display region of the 
viewer, the divided image at corresponding position being 
fitted into each frame element and displayed, determining each 
divided image leaves away from the display region of the viewer 
along with the relative movement of the image to release the 
fitting into the frame element, and determining each divided 
image approaches the display region of the viewer along with 
the relative movement of the image to newly fit the divided 
image into the frame element. In this case, proper 
identification information may be attached to the each frame 
element , and the divided image leaving away from the display 
region of the viewer may be released the fitting into the frame 
element , and the divided image approaching the display region 
of the viewer is newly fitted into the frame element along with 
the relative movement of the image. Also, proper 
identification information may be attached to the each frame 
element, and the viewer may hold the proper identification 
information associated with the information of the display 
position of the frame element in the display region of the 
viewer and the identification information of the divided image 
fitted into the frame element, and display the divided image 
fitted into each frame element at the corresponding position in 
the display region of the viewer, based on the information. 
Also, the identification information of the divided image may 
be composed of information corresponding to an address in the 
entire image, in which the viewer makes a request to the server 
for the divided image with the identification information of 



the divided image, and the server discriminates the divided 
image corresponding to the identification information and 
transmits it to the viewer. In this case, the identification 
information of the divided image has no information for 
identifying a file format of each divided image. Also, the 
block may be made up of the predetermined number of frame 
elements as a whole, in which when a relative movement of the 
image is instructed, the viewer calculates the coordinates of 
the origin of the block to be moved with respect to the origin 
of the display region of the viewer, and calculates the 
coordinates of the origin of the each frame element to be moved, 
based on the calculated coordinates of the origin of the block, 
and moves the origin of each frame element to the calculated 
coordinates to implement the relative movement of the image. 
Also, the divided image is obtained by dividing the image like a 
lattice in the transverse direction in which a predetermined 
number of consecutive divided images in the transverse 
direction are fitted into the frame elements, the divided image 
is obtained by dividing the image like a lattice in the 
longitudinal direction in which a predetermined number of 
consecutive divided images in the longitudinal direction are 
fitted into the frame elements, or the divided image is 
obtained by dividing the image like a lattice in the transverse 
and longitudinal directions in which a predetermined number of 
consecutive divided images in the transverse direction, a 
predetermined number of consecutive divided images in the 
longitudinal direction, or a predetermined number of divided 
images in the transverse direction and a predetermined number 
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of divided images in the longitudinal direction are fitted into 
the f rame elements . 

Also, the image having the same contents may be 
transmittable from the server at a plurality of magnifications 
and by dividing the image into a plurality of areas at each 
magnification, the image being displayed at a magnification 
instructed from the viewer by the image display method of the 
invention. In this case, the number of pixels at which the 
image is divided in the transverse direction, or the 
longitudinal direction, or the transverse and longitudinal 
directions, may be equal irrespective of the magnification. 
Also, when a magnification change operation is performed by 
placing a pointer at a position on the image in a state where 
the image is displayed at one magnification, the image is 
displayed at the changed magnification with the position on the 
image where said pointer is located as a steady point. 

Also, the image having the same contents may be 
transmittable from the server at a plurality of magnifications 
and by dividing the image into a plurality of areas at each 
magnification, the image being displayed at a magnification 
instructed from the viewer by the image display method of the 
invention, in which the number of frame elements is equal, 
irrespective of the magnification. 

Also, this invention provides the image display method, 
wherein the viewer is a Web browser, each arithmetical 
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operation at the Web browser being executed based on a 
JavaScript stored in an HTML transmitted from the server. With 
this method, the image is displayed without the plug- in 
software. In this case, the frame element may be set up, 
employing <DIV> tags described in the HTML transmitted from the 
server. Also, the attribute information such as a file name 
and/or a file format for the each divided image may not be 
incorporated into the HTML transmitted from the server. 

BRIEF DESCRIPTION OF THE DRAWINGS 

FIG. 1 is a system configuration diagram showing an image 
display system according to an embodiment of the present 
invention; 

FIG. 2 is an explanatory view showing how to divide the 
image ; 

FIG. 3 is a diagram showing the communications between a 
Web browser 12 and a Web server 10 in perusing the newspaper 
columns in the system of FIG. 1; 

FIG. 4 is an HTML source program for making up a block of 
6x6 cells into which divided image data is fitted; 

FIG. 5 is a view showing an example of a newspaper image 
displayed on the Web browser 12 of FIG. 1; 

FIG. 6 is a view showing an example of the positional 
relationship between one page of newspaper image, a display 
region of the browser and the block; 

FIG. 7 is a view showing the relationship between the 
block and the display region of the browser, wherein 7A is a 



case without offset, and 7B is a case with offset as large as -1 
cell; 

FIG. 8 is a view showing an example of coordinate values 
of the origin of each cell making up the block; 

FIG. 9 is a view showing the coordinate values of each 
divided image making up one page of newspaper image and the cell 
number of cell into which each divided image is fitted; 

FIG. 10 is a view showing a JavaScript function (excerpt) 
for acquiring the relationship between the coordinate values 
of divided image to be fitted into each cell making up the block 
with the cell number attached to each cell and the display 
position of each cell on the browser, making a request to the 
Web server for the corresponding divided image, and fitting 
divided image transmitted from the Web server in response to 
the request into each cell; 

FIG. 11 is a view showing an example of a movement 
operation of the image by the scroll operation; 

FIG. 12 is a flowchart showing the control contents in 
making the scroll operation; 

FIG. 13 is a view showing a JavaScript function for 
computing the movement amount of block and acquiring the 
coordinate values of the origin of block to be moved; 

FIG. 14 is a view showing an example of change of fitting 
the divided image into each cell making up the block under a 
resetting control of the block; 

FIG. 15 is a flowchart showing the control of the display 
magnification change control; and 

FIG. 16 is a view for explaining the contents of 
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arithmetical operation to be performed at step S26 in FIG. 15. 

DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS 

A preferred embodiment of the present invention will be 
described below. In this embodiment of the invention, a case 
of distributing and perusing a newspaper image without a 
plug- in software will be described below. FIG. 1 shows a 
system configuration. A Web server (server computer) 10 and a 
Web browser (client computer, viewer) 12 are connected across a 
communication network 14 such as the Internet. The Web server 
10 has an image database storing the newspaper images. This 
image database has a whole one page of newspaper as one image, 
in which an image of each page making up the newspaper is stored 
at various magnifications (length ratio of 25%, 33%, 50% and 
67% (reduced images of the actual newspaper) , 100% (real images 
of the actual newspaper) , 133%, 200% and 400% (enlarged images 
of the actual newspaper) ) (i.e. , the image of same page is 
stored at multiple magnifications) . A file format of each 
divided image is not necessarily identical, for example, may be 
a file format of high compression ratio (JPEG format, PNG 
format, GIF format, etc. ) in accordance with the features of 
each divided image (photograph or letter, color or 
monochrome) . Accordingly, the image of one page of newspaper 
may be composed of divided images in different file formats. 
In this way, the transmission time is shortened by employing 
the file format having high compression ratio for each divided 
image . 
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One page of image at one magnification is divided like a 
lattice from a left upper position (origin position of image) 
in a transverse direction (X axis direction) and a longitudinal 
direction (Y axis direction) at every predetermined pixels, 
and consists of a set of a plurality of square or rectangular 
divided images, as shown in FIG. 2. The number of pixels making 
up one divided image is fixed irrespective of a difference in 
the magnification, for example, 480x480 pixels (when the total 
number of pixels for one page in the transverse direction is 
indivisible by the set number of pixels for one divided image in 
the transverse direction, the number of pixels for the divided 
image at a right end position is a fraction, and similarly, when 
the total number of pixels for one page in the longitudinal 
direction is indivisible by the set number of pixels for one 
divided image in the longitudinal direction, the number of 
pixels for the divided image at a lower end position is a 
fraction) . On the contrary, since the number of pixels making 
up one page of newspaper is varied depending on the 
magnification (in proportion to the magnification (= length 
ratio) to the second power) , the number of divided images 
making up one page of newspaper is smaller as the image has 
lower magnification, or larger as the image has higher 
magnification. Each divided image has a file name 
corresponding divided image coordinate values [x, y] , which 
increases one by one toward the right or lower part, where the 
transverse coordinate is x and the longitudinal coordinate is 
y, and the divided image position at the left upper corner is an 
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origin [0, 0] , as the coordinate values (divided image 
coordinate values) indicating the position (address) of each 
divided image in one page of image, as shown in FIG. 2 . 
Assuming that the transverse coordinate value of divided image 
at the right end in one page of image is xi and the longitudinal 
coordinate value of divided image at the lower end is yi, the 
coordinate values of last divided image at the right lower 
corner are [xi, yi] . A particular divided image with a specific 
magnification at a specific page in a specific newspaper is 
specified (designated) by the identification information 
consisting of a combination of newspaper name, morning/evening 
issue, page number, and divided image coordinate values [x, y] . 
In perusing the newspaper, if the identification information 
according to the perusal position indicated by the peruser 
(reader of the newspaper) is sent from the Web browser 12, the 
Web server 10 analyzes the identification information, and 
transmits the corresponding divided images. The Web browser 
12 receives the divided images, arranges them in the format of 
original image, and displays them. If the identification 
information as above is employed, it is unnecessary to 
incorporate the file name (data with the identifier ( . jpg, 
•png, . gif ) for designating the file format) for each divided 
image into the HTML (step S2 in FIG. 3 as will be described 
later) firstly transmitted from the Web server 10 to the Web 
browser 12 (i.e. , the Web browser 12 can request individual 
divided images , even if it does not know in advance the file 
name or its file format) , whereby the data amount of the HTML is 
reduced. 
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In this example, a "block" having the size of 
encompassing the entire display region of browser is set up on 
the image, as will be described later (FIG. 6) . This block is 
composed of 6x6 "cells" (frame elements) , for example. One 
cell corresponds to the size of one divided image (e.g. , 
480x480 pixels) , and the divided image at the corresponding 
position is fitted (assigned) to the cell. The block is moved 
in a unit of cell in the display region of browser in accordance 
with the movement of image in the display region of browser so 
that it always contains the entire display region of browser 
even when the image is moved (scrolled) , while the divided 
images fitted to the cells are sequentially replaced. 

FIG. 3 shows the communications between the Web browser 
12 and the Web server 10 in perusing the newspaper. If the 
peruser makes an instruction of perusing an issue (morning or 
evening issue) of a specific newspaper on a specific date from 
the Web browser 12 to the Web server 10, the Web browser makes a 
request for the HTML of the corresponding contents (SI) . The 
Web server 10 receives this request and returns the 
corresponding HTML to the Web browser (S2) , the HTML including 
a <DIV> tag for setting up 6x6 cells for fitting the divided 
image data, and JavaScript for calculating which divided image 
is fitted into which cell and displayed at which position on the 
browser, as shown in FIG. 4. Each of 6x6 cells is entitled with 
the name "canvasOOOO" to "canvas0505" , as shown in FIG. 4. Of 
the four digit number following "canvas" , the first two digits 
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indicate the address (00 to 05) of cell in the X axis direction 
within the block, and the ensuing two digits indicate the 
address (00 to 05) of cell in the Y axis direction within the 
block. 

The Web browser 12 receives the HTML, and calculates 
which divided image is assigned to which cell, and at which 
position on the browser 12 the divided image fitted into each 
cell is displayed based on JavaScript described in the HTML. 
And it is determined whether or not the calculated divided 
image is already downloaded into the Web browser 12, and saved 
in a cache memory, and if the divided image is already saved, 
the divided image is read and fitted into the corresponding 
cell. Also, for the divided images not saved in the Web browser 
12, a request to the Web server for the corresponding divided 
images is issued (S3) . The Web server 10 transmits the 
corresponding divided image data in response to the request 
(S4) . The Web browser 12 receives the divided image data, and 
fits it into the corresponding cell. In this way, the divided 
image is fitted into ( associated with) each of 6x6 cells and 
displayed at the calculated position (S5) . Thereby, the 
divided images are displayed without joint on the entire 
display region of the Web browser 12, whereby the newspaper 
image is displayed. One example of display is shown in FIG. 5 
(the boundary line of cell is imaginary, and not displayed on 
the actual screen) . At the early time of perusal, an initial 
screen is displayed, in which the HTML transmitted from the Web 
server 10 is described to enable the Web browser 12 to make a 
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request to the Web server 10 for the divided image at a 
predetermined magnification (relatively low magnification to 
overlook the entire article of newspaper) at the first page of 
newspaper which is instructed to peruse from the Web browser 
12. 

[initial Display Control] 

The divided image fitted into each cell making up the 
block will be described below. Herein, an image 18 
(corresponding to one page of newspaper) larger than a display 
region 16 of the browser is initially displayed in a state where 
the center of the display region 16 of the browser is coincident 
with the center of the image 18, as shown in FIG. 6. Also, the 
block 20 is composed of 6x6 cells 22, with a space of one cell on 
the left side and the upper side of the block 20 (i.e. , the left 
upper corner of the display region 16 of the browser is in the 
cell located at the second place of the block 20 from the left 
side and the second place from the upper side) . In the 
following description, the coordinate values or the number 
(address) is classified according to the kind and designated as 
below. 

( , ) : pixel coordinate values ( coordinate values in a 
unit of pixel) 

[ , ] : divided image coordinate values (number value for 
each divided image over the entire image) 

C , ] : cell number (number value for each cell in the 
block) 

The pixel coordinate values where the origin (left upper 
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corner) of the browser is the origin (0,0) , the polarity in the 
X axis direction is + in the right direction and - in the left 
direction, while the polarity in the Y direction is + in the 
lower direction and - in the upper direction. 

In FIG. 6, the variables have the following meanings. 
Xi: width (pixel value) of entire image (one page of 
newspaper) 

Yi: height (pixel value) of entire image (one page of 
newspaper) 

Xt>: width of browser (pixel value) 
Yb: height of browser (pixel value) 

X!=Xi/2: half value of image width . . . (Expression 1) 
Yi=Yi/2: half value of image height . . . (Expression 2) 
X 2 =Xb/2: half value of browser width . . . (Expression 3) 
Y 2 =Yb/2: half value of browser height . . . (Expression 4) 

The width Xi and height Y± of the entire image are buried as 
the attribute values of a hidden tag into the HTML to be 
transmitted by the Web server (step S2 in FIG. 3) # and given to 
the Web browser. An example of this hidden tag is shown below. 
<INPUT TYPE=" hidden" NAME="imageWidth" VALUE="5986"> 
< INPUT TYPE=" hidden" NAME="imageHeight " VALUE= n 8130"> 
In this example, the width X±=5986 (pixels) and height Y±=8130 
(pixels) are given. Also, the width Xb and height Yb of the 
browser are acquired by the browser itself based on JavaScript 
described in the HTML (step S2 in FIG. 3) transmitted from the 
Web server. The width Xb and height Yb of the browser are 
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acquired by the following functions of JavaScript. 

brows erWidth= document .body .clientWidth; // width of 
browser in display 

browserHeight=document . body . clientHeight ; // height of 
browser in display 

In FIG. 6, assuming that the origin (left upper corner) of 
the browser is the origin (0, 0) , the coordinate values (Xo, Yo) 
of the origin of image are given by the following expressions. 
Xo=X 2 -Xi: X axis origin of image . . . (Expression 5) 
Yo=Y 2 -Yi: Y axis origin of image . . . (Expression 6) 
Assuming that the size of one divided image (= size of one 
cell) is 480x480 pixels, the numbers of divided images over the 
entire image are given by the following expressions. 

Gxi=X±/480: total number of divided images in the X axis 
direction . . . (Expression 7) 

Gyi=Y±/480: total number of divided images in the Y axis 
direction ... (Expression 8 ) 

When the Gxi and Gyi have a decimal place, the integer value 
raised to a unit is the total number of divided images in the X 
axis or Y axis direction. Also, the value of Gx± by omitting the 
decimal fractions is the transverse coordinate value xi of the 
divided image at the right end (FIG. 2) , and the value of Gy± by 
omitting the decimal fractions is the longitudinal coordinate 
value yi of the divided image at the lower end (FIG. 2) . 

On the other hand, the number of divided images required 
for the display region 16 of the browser is given by the 
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following expression. 

Gxb=Xt>/480: number of divided images required for the 
display in the X axis direction . . . (Expression 9) 

Gyb=Yb/480: number of divided images required for the 
display in the Y axis direction . . . (Expression 10) 

The coordinates [x f , y f ] of the first divided image 
( divided image which the origin ( 0 , 0 ) of the browser belongs to 
(located at) ) entering the display region 16 of the browser are 
given by the following expressions. 

Xf=- (value of quotient (Xo/480) by omitting decimal 
fractions) . . . (Expression 11) 

y f =- (value of quotient (Yo/480) by omitting decimal 
fractions) . . . (Expression 12) 

The divided image having the divided image coordinate 
value Xf-1 in the X axis direction is fitted into the cell (of 
which the cell number in the X axis direction is Sxf , hereinafter 
referred to as "X axis first cell" ) located at the left end of 
the block. Similarly, the divided image having the divided 
image coordinate value y f -l in the Y axis direction is fitted 
into the cell (of which the cell number in the Y axis direction 
is Syf , hereinafter referred to as "Y axis first cell" ) located 
at the upper end of the block. That is, 

Sxf=Xf-l . . . (Expression 13) 

Syf=y f -1 . . . (Expression 14) 
Thereby, the divided image [Xf-1, yf-l] is fitted into the first 
cell CSxf , Syf] of the block (cell located at the left upper 
corner of block, hereinafter referred to as the "first cell" ) . 
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The reason for addition of -1 is as follows. If setting Sxf=x f 
and Syf=yf # the left end and upper end parts of the block 20 are 
disposed closer to the left end and upper end parts of the 
display region 16 of the browser, and in moving (scrolling) the 
image in the right lower direction, the blank portion (where 
the image is not displayed) is likely to occur in the left end 
and upper end parts of the display region 16 of the browser in a 
latency time for which the divided image to afresh enter the 
display region 16 of the browser from the left and upper sides 
is transferred newly from the Web server, as shown in FIG. 7A. 
In contrast, by adding -1, the block 20 is offset by one cell or 
more to the left and upper direction in the display region 16 of 
the browser, and in moving the image in the right lower 
direction, the blank portion is less likely to occur in the left 
end and upper end parts of the display region 16 of the browser, 
as shown in FIG. 7B. 

The coordinates of the divided image fitted into other 
cells making up the block are obtained by successively adding 
+ 1 to the coordinates [x f -l, y f -l] of divided image fitted into 
the first cell [Sxf , SyJ in the X axis direction and the Y axis 
direction. That is, supposing that the first cell [Sxf, Syf] 
is the zeroth cell, the coordinate values of the divided image 
fitted into the cell [Sxm, SyJ at the m-th (m=0, 1, . . , 5) place 
in the X axis direction and the n-th (n=0, 1, . . , 5) place in the 
Y axis direction are given such that 

Sxm=Sxf+m=Xf-l+m ... (Expression 15) 

Syn=Syf+n=yf-l+n . . . (Expression 16) 
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Accordingly, the coordinate values of the divided image fitted 
into the last cell (Sxi, S y J of the block (cell located at the 
right lower corner of the block, hereinafter referred to as the 
"last cell" . The cells located at the right end of the block 
are referred to as the "X axis last cell" respectively and the 
cells located at the lower end of the block are referred to as 
the "Y axis last cell" respectively) are given such that, 

Sxi=Sxf+5=Xf+4 ... (Expression 17) 

Syi=Syf+5=yf+4 ... (Expression 18) 
In this way, the coordinates of the divided images fitted into 
the 6x6 cells 22 making up the block 20 are obtained. 

Next, the display positions of the 6x6 cells 22 making up 
the block 20 on the browser will be described below. The 
display position of each cell on the browser is specified 
(designated) by the coordinate values (pixel values) of the 
origin (at the left upper corner) of each cell. The coordinate 
values of the origin of each cell are obtained in the following 
way. First of all, the origin (Xbo, Y*o) of the first cell [Sxf, 
Syf] corresponds to the origin of the block (see FIG. 6) , and 
are given such that , 

Xbo=Xo+(Sxfx480) . . . (Expression 19) 

Ybo=Yo+(Syfx480) . . . (Expression 20) 

The coordinates of the origin of other cells making up the block 
are obtained by successively adding 480 to the origin (X bo , Ybo) 
of the first cell [Sxf , Syf] obtained in this way in the X axis 
direction and the Y axis direction. That is, supposing that 
the first cell [Sxf, Syf] is the zeroth cell, the origin (Xbm, 
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Ybn) of the cell [Sxm, SyJ at the m-th (m=0, 1, . . , 5) place in 
the X axis direction and the n-th (n=0, 1, . . , 5) place in the Y 
axis direction are given such that 

Xbm=Xbo+ (m*480 ) ... (Expression 21) 

Ybn=Ybo+(nx480) ... ( Expression 22 ) 

The HTML transmitted from the Web server (step S2 in FIG. 
3) has a description of JavaScript for performing the 
arithmetical operations of the above expressions (1) to (22) . 
When the Web browser receives the HTML, the coordinate values 
of the divided images fitted into the 6x6 cells making up the 
block, and the display position of each cell (pixel coordinate 
position at which the origin position of each cell is 
displayed) on the browser are calculated, based on the 
description of JavaScript. And the Web browser makes a request 
to the Web server for the corresponding divided image, using 
the calculated coordinate values of the divided images as the 
identification information (the divided image already 
downloaded from the Web server and saved in the cache memory is 
directly employed) (step S3 in FIG. 3) . The Web server 10 
transmits the corresponding divided image data, in response to 
the request (step S4) , and the Web browser 12 receives the 
divided image data, and displays the divided image fitted into 
the corresponding cell at the calculated position (step S5) . 

Herein, the coordinate values of the divided image fitted 
into each cell and the display position of each cell on the 
browser, that are obtained by putting the actual values into 
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the expressions (1) to (22) are confirmed. Supposing that the 
size of the image is 5986 pixels in the X axis direction and 
8130 pixels in the Y axis direction, and the width of browser is 
1020 pixels in the X axis direction and 556 pixels in the Y axis 
direction, X±=5986, Y±=8130, Xb=1020 and Y b =556 are obtained. 
From the expressions ( 1 ) and ( 2 ) , the width half value Xi of 
divided image and the height half value Yi of divided image are 
given such that 

Xi=5986/2 = 2993 

Yi=8130/2 = 4065 

Also, from the expressions (3) and (4) , the width half value X 2 
of browser and the height half value Y 2 of browser are given 
such that 

X 2 =1020/2=510 

Y 2 =556/2=278 

Also, from the expressions (5) and (6) , the origin (Xo, Yo) of 
image are given such that 

Xo=510-2993=-2483 

Yo=278-4065=-3787 

Supposing that the size of one divided image is 480x480 
pixels, from the expressions (7) and (8) , the numbers of 
divided images in the entire image are given such that, 

Gx±=5986/480 = 12 . 4708 

Gy±=8130/480 = 16 . 9375 
The numerical values of Gxi=12 .4 708 and Gy±=16 .9375 indicate 
that the number of divided images in the entire image is 13 in 
the X axis direction and 17 in the Y axis direction, and 



13x17 = 221 as a whole. Also, the value of Gx± by omitting the 
decimal fractions is the coordinate value xi of the divided 
image at the right end in the transverse direction, and the 
value of Gyi by omitting the decimal fractions is the coordinate 
value yi of the divided image at the lower end in the 
longitudinal direction. That is, xi=12 and yi=16. 

From the expressions (9) and (10) , the numbers of divided 
image required for the display region of browser are given such 
that 

Gxb=1020/480 = 2.125 

Gy b =556/480 = 1. 15833 
The numerical values of Gx b =2 .125 and Gyb=l . 15833 indicate that 
at least four cells making up the block in the X axis direction 
and at least three cells in the Y axis direction are required to 
display the image on the entire display region of browser. In 
this example, in order that the blank portion (where no image is 
displayed) is less likely to occur when the image is moved 
(scrolled) , the block is made of six cells in the X axis 
direction and six cells in the Y axis direction, that is 6x6 = 36 
cells in total. If the number of cells making up the block is 
increased, the blank portion is less likely to occur in the 
movement operation of the image. On the contrary, it takes a 
lot of time to calculate the coordinates of each cell in the 
movement operation of the image, possibly making the moving 
speed slower (due to capability of the CPU) . Thereby, to 
prevent the blank portion from occurring in the movement 
operation, the number of cells making up the block is set up, 
based on the moving speed of image . 
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From the expressions (11) and (12), the coordinates [x f , 
y f ] of the first divided image entering the display region of 
browser are given such that 

Xf=-(value of quotient (-2483/480) by omitting decimal 
fractions ) =5 

y f =- (value of quotient (-3787/480) by omitting decimal 
fractions ) =7 

Accordingly, from the expressions (13) and (14), the 
coordinates of the divided image fitted into the first cell 
[Sxf, SyJ of the block are given such that, 

Sxf=5-1 = 4 

S yf =7-1 = 6 

Coordinates applied to the last cell [Sxi, S y J of the block 
according to the equations (17) and (18) , 
Sxi=Sxf+5 = 9 

Syl=Syf+5 = ll 

From the expressions (19) and (20) , the origin (Xbo, Y bo ) of 
the first cell [Sxf , S yf ] are given such that 

Xbo=-2483+( 4x480) =-563 

Ybo=-3787+( 6x480) =-907 
FIG. 8 shows the coordinate values of the origin of each cell 
obtained from the expressions (21) and (22) based on the 
coordinates (Xbo, Ybo) of the first cell. 

Herein, a way of attaching the cell number of each cell 22 
making up the block 20 will be described below. The attaching 



of cell number is performed based on the JavaScript described 
in the HTML transmitted from the Web server. The cell number 

[Sx, Sy] of each cell is the residues of the coordinates [x, y] 
of divided image fitted into each cell, which are divided by the 
total number of cells in the X axis direction making up the 
block in the X axis direction and the total number of cells in 
the Y axis direction making up the block in the Y axis 
direction. With this method, the cell number (assigned to each 
divided image) of the cell, into which each divided image is 
fitted, is uniquely determined for each divided image. In this 
example, since the total number of cells is 6 in the X axis 
direction and the Y axis direction, the cell number is a 
repetition of 0, 1, 2, . . , 5 in the X axis direction and Y axis 
direction. In this case, the cell number of cell, into which 
each divided image is fitted, is shown in FIG. 9. Of the 
numerical values described at the position of each divided 
image in FIG. 9, the coordinate values of each divided image 24 
are indicated at the upper stage and the cell number of cell 
fitted is indicated at the lower stage. Although the cell 
number is repetitively used, the number of cells within the 
block is only 6x6, whereby the same cell number is not 
duplicately used within the block at the same time. By 
repetitively using the cell number in this way, it is 
sufficient if the 6x6 <DIV> tags are prepared to set up the 
cells described in the HTML, as shown in FIG. 4. 

In the above way, the coordinate values of each divided 
image 24 fitted into the 6x6 cells 22 making up the block 20, 
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the cell number of each cell 22, and the display position of 
each cell (pixel coordinate position to display the origin 
position of each cell) on the browser are obtained, based on 
JavaScript described in the HTML transmitted from the Web 
server. Then, the Web browser makes a request to the Web server 
to transmit the corresponding divided image 24 (step S3 in FIG. 
3) . In response to this request, the divided image data is 
transmitted from the Web server (step S4) . Then, the divided 
image is fitted into the cell of corresponding cell number and 
displayed on the browser (step S5) . In this way, the divided 
images 24 are displayed without joint on the entire display 
region of the Web browser 12, so that the newspaper image 18 
appears . 

FIG. 10 is a view showing a JavaScript function (excerpt) 
for acquiring the relationship between the coordinate values 
of divided image 24 to be fitted into each cell 22 making up the 
block 20 with the cell number attached to each cell 22 and the 
display position (origin position of each cell) on the browser 
of each cell 22, making a request to the Web server for the 
corresponding divided image, and fitting divided image 24 
transmitted in response to the request from the Web server into 
each cell 22. This JavaScript function determines whether or 
not the divided image is contained in the block by scanning the 
divided image in the Y axis direction, with the divided image 
[0, 0] at the left upper corner of image as the starting point, 
in which if any divided image is contained in the block, the 
cell number sellX in the X axis direction and the cell number 
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sellY in the Y axis direction are attached to the cell into 
which the divided image is fitted, in which the cell number 
sellX in the X axis direction is the residue of the coordinate 
value x of the divided image in the X axis direction divided by 
6 , and the cell number sellY in the Y axis direction is the 
residue of the coordinate value y of the divided image in the Y 
axis direction divided by 6 . And with " document . all 
( "canvas n +sellX+ sellY) . innerHTML = "<IMG ID = 
' image "+x+y+" "SRC = ' image . cgi?a=xxx&b=xxx&c=xxx&d=xxx&e= 
xxx&f =xxx&g=xxx' STYLE = 'left:" + originX + " ;top:" + originY 
+ ";■>"; " , a request for the corresponding divided image is 
made to the Web server, and the divided image transmitted from 
the Web server in response to this request is fitted into the 
corresponding cell. The JavaScript function transforms the 
DIV tag (see FIG. 4) having the ID of "canvas sellX sellY" 
(sellX o 00 to 05, sellY = 00 to 05) into the IMG tag having the 
ID of the coordinate values "image x y" of the divided image 
fitted into the cell, and buries the divided image data from 
" image. cgi" (image data retrieval and transfer module on the 
Web server side) as the source of the IMG tag. At this time, 
"a=xxx&b=xxx&c=xxx&d=xxx&e=xxx&f =xxx&g=xxx" as the parameter 
(newspaper name, date, morning/evening issue, page number, 
magnification, etc. ) for specifying the image stored in the Web 
server has the value for retrieving the specific image file. 
"STYLE = 'lef t : " + originX + " ; top: " + originY + " ; ' " indicates 
the coordinate position (pixel position) on the display region 
of browser for displaying the origin (at the left upper 
position) of this cell (divided image) . 
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If the above processing is performed up to the last 
divided image in the Y axis direction, the operation transfers 
to its right adjacent column. It is similarly determined 
whether or not any divided image is contained in the block from 
the upper end, in which the cell number sellX in the X axis 
direction and the cell number sellY in the Y axis direction are 
attached to the cell into which the divided image contained in 
the block is fitted. And if the processing reaches the last 
divided image at the last column in the X axis direction, the 
processing is ended. 

[Scroll processing] 

A method for moving the image to any position on the 
display screen of browser (i.e. , moving the perusal position) 
by a scroll operation of the peruser after the initial display 
is made in the above way will be described below. FIG. 11 shows 
the operation for moving the image by scroll operation. In 
FIG. 11, the image 18 is moved by X* (pixel value) to the right 
in the X axis direction and moved by Yd (pixel value) to the left 
in the Y axis direction (the image position after movement is 
indicated by numeral 18 1 ) . Since the block 20 is moved 
together with the image 18, the block 20 is moved relatively to 
the display region 16 of browser by this movement, whereby the 
block 20 gets out of the display region 16 of browser in any 
case if there is no treatment. Thus, the position of the block 
20 with respect to the image 18 is changed in accordance with 
the amount of movement, and the control for updating the 
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fitting of the divided image into each cell 22 making up the 
block 20 (resetting the block) is made accordingly. By the 
resetting of the block, the block 20 is controlled to include 
the entire display region 16 of browser at any time (so that the 
entire display region 16 of browser is contained within the 
block 20) . In an example of FIG. 11, the block 20 is moved 
relatively to the right in the display region 16 of browser by 
scroll operation, and because one boundary line of the cell is 
beyond the origin of browser, one column of cells at the right 
end are deleted by resetting the block, and therefore one 
column of cells are added to the left end. The intermediate 
five columns of cells are not changed. 

FIG. 12 shows a control flow of the scroll operation. The 
control of FIG. 12 is made with JavaScript described in the HTML 
transmitted from the Web server. The control of the scroll 
operation includes the control for moving the image and the 
control for resetting the block. To begin with, the movement 
control of the image will be described. A mouse cursor 
(pointer) is located at any position on the screen where the 
newspaper image is displayed, and a mouse left button is 
pressed (mouse down operation) (step Sll in FIG. 12) . If the 
mouse cursor is moved (drag operation) while the mouse left 
button is being pressed, the image is moved following the mouse 
cursor (step S12) . In this case, if the movement amount is 
calculated in a unit of cell, it takes a lot of time to perform 
the calculation, making the movement operation slower. Thus, 
like the HTML of FIG. 4, the entire <DIG> tag for setting the 
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6x6 cells is bundles as one block by the <DIV> tag with the name 
of canvas BLOCK, and the movement amount for one block is 
calculated to acquire the origin after movement of the block. 
Based on the obtained coordinates of the origin of the block, 
the coordinates of the origin of each cell making up the block 
are calculated. With this method, the relative position of the 
origin of each cell to the origin of the block is predetermined, 
and calculated by a simple arithmetical operation. On the 
other hand, the movement amount requiring the complex 
calculation is only obtained for one block, so that the 
calculation amount is smaller on the whole than the movement 
amount is calculated in a unit of cell (for each cell) , making 
the movement operation faster. 

FIG. 13 shows a JavaScript function for calculating the 
movement amount (= movement amount of the mouse cursor) of the 
block (image) and acquiring the coordinates of the origin of 
the block to be moved. If the coordinates of the origin of the 
block to be moved are acquired employing this function, this 
coordinates are the coordinates of the origin of the first cell 

[Sxf , Syf] in the block, and the coordinates of the origin of 
other cells are acquired by successively adding 480 in the X 
axis direction and the Y axis direction. This calculation is 
repeated while the mouse cursor is being moved, whereby the 
image is moved following the mouse cursor. If the mouse button 
is released (mouse up operation) after the mouse cursor is 
moved to any position, the image is stopped at that position. 
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Then, a resetting control of the block will be described 
below. If the drag operation is ended, and the mouse up 
operation is performed, the cell position (divided image 
position) to which the origin (0, 0) of the browser on the image 
after movement belongs is judged, and it is determined whether 
or not the cell position is changed from the position before 
dragging (i.e. , the origin (0, 0) of the browser is beyond the 
boundary of the cell. ) (step S13 in FIG. 12) . And if changed 
(beyond the cell boundary) , the block position is moved in the 
same direction as the movement of the image by the changed 
amount (number of lines beyond the cell boundary) , and the 
block is reset by updating the fitting of divided image into 
each cell making up the block (step S14) . 

The resetting control of the block is implemented by the 
following arithmetical operation. Supposing that the 
movement amount of image by the dragging operation is X d to the 
right side in the X axis direction and Yd to the lower side in 
the Y axis direction (the movement amount of image Xd and Yd is 
obtained by subtracting the coordinate values of mouse cursor 
at the drag start position (mouse down operation position) from 
the coordinate values of mouse cursor at the drag end position 
(mouse up operation position) , as shown in FIG. 11, the 
coordinate values (Xdo, Ydo) of the origin of image after 
movement are given by the following expressions . 

Xdo=Xfo+Xd: X axis origin of image after movement . . . 
(Expression 23) 

Ydo=Yfo+Yd: Y axis origin of image after movement . . . 
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(Expression 24) 

Xfo: final X axis origin of image by the previous scroll 
operation. At the first scroll operation, Xfo=Xo (X axis origin 
at the initial display) 

Yfo: final Y axis origin of image by the previous scroll 
operation. At the first scroll operation, Y fo =Yo (Y axis origin 
at the initial display) 

Also, the coordinates [x df , y d£ ] of the first divided image 
(to which the origin (0, 0) of browser belongs) entering the 
display region of browser after movement are given by the 
following expressions. 

x d f=- (value of quotient (X do /480) by omitting decimal 
fractions) . . . (Expression 25) 

y d f=- (value of quotient (Ydo/480) by omitting decimal 
fractions) . . . (Expression 26) 

Accordingly, the numbers Sxd and S yd by which the boundary of cell 
is beyond the origin (0, 0) of browser by dragging are given by 
the following expressions. 

Sx d =Xfo-x d f . . . (Expression 27) 

S yd =yfo-y d f . . . (Expression 28) 

Where Xf<>: X axis coordinates of the first divided image 
entering the display region of browser at the previous time of 
resetting the block 

y fo : Y axis coordinates of the first divided image 
entering the display region of browser at the previous time of 
resetting the block 



If Sxd obtained by the expression 27 is zero, the cell 
boundary is not beyond the origin (0, 0) of the browser in the X 
axis direction. If it is + value, the boundaries of cells as 
many as the number of + value are beyond the origin ( 0 , 0 ) of 
browser to the right side* If it is - value, the boundaries of 
cells as many as the number of - value are beyond the origin ( 0 , 
0) of browser to the left side. Also, if S yd obtained by the 
expression 28 is zero, the cell boundary is not beyond the 
origin (0, 0) of the browser in the Y axis direction. If it is + 
value, the boundaries of cells as many as the number of + value 
are beyond the origin (0, 0) of browser to the lower side. If 
it is - value, the boundaries of cells as many as the number of - 
value are beyond the origin (0, 0) of browser to the upper side. 

If Sxd and Syd are both zero as a result of the calculation 
according to the expressions (27) and (28) , the position of the 
divided image to which the origin (0, 0) of browser belongs is 
not changed before and after dragging, whereby the resetting of 
the block is not performed. On the contrary, if at least one of 
Sxd and Syd is other than zero as a result of the calculation 
according to the expressions (27) and (28) , the position of the 
divided image to which the origin (0, 0) of browser belongs is 
changed before and after dragging, whereby the resetting of the 
block is performed. 

The resetting of the block is implemented by moving the 
entire block relative to the image in the direction opposite to 
the movement direction of image by the number of cells 
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corresponding to Sxd and Syd. By resetting the block, the 
following divided image is fitted into each cell making up the 
block. The divided image with the coordinate value of divided 
image in the X axis direction being x<w-l is fitted into the cell 
(X axis first cell) Sxdf located at the left end of block. 
Similarly, the divided image with the coordinate value of 
divided image in the Y axis direction being y^-l is fitted into 
the cell (Y axis first cell) Syd* located at the upper end of 
block. That is , 

Sxdf=Xdf-l . . . (Expression 29) 

Sydf=y d f-1 . . . (Expression 30) 

With the above expressions, the divided image [Xdf-1, ydf-1] is 
fitted into the cell (first cell) [Sxdf , Sydf] located at the 
left upper corner of block after resetting. Addition of -1 has 
the same purpose as addition of -1 in the expressions (13) and 
(14) . That is, if the block is offset by one cell or more to the 
left or the upper direction in the display region of the 
browser, when the image is moved in the right lower direction, 
the blank portion is less likely to occur in the left end part 
and the upper end part of the display region of the browser. 

The coordinates of the divided image fitted into other 
cells making up the block are obtained by successively adding 
+ 1 to the coordinates [Xdf-1, ydf-1] of divided image fitted into 
the first cell [Sxdf , Sydf] in the X axis direction and the Y axis 
direction. That is, supposing that the first cell [Sxdf, S ydf ] 
is the zeroth cell, the coordinate values of the divided image 
fitted into the cell [Sxd*, SydJ at the m-th (m=0, 1, . . , 5) 



place in the X axis direction and the n-th (n=0, 1, . . , 5) place 
in the Y axis direction are given such that 

Sxdn.=Sxdf+m=Xdf-l+m ... (Expression 31) 

S ydn = Sydf + n = y df - 1 + n ... (Expression 32 ) 
Accordingly, the coordinate values of the divided image fitted 
into the cell (last cell) (Sxdi, Sydi] located at the right lower 
corner of the block are given such that , 

Sxdi=Sxdf+5=Xf+4 ... (Expression 33) 

Sydi=Sydf+5=yf+4 ... (Expression 34) 

In this way, the divided images fitted into the 6x6 cells 
22 making up the reset block are obtained. If the divided 
images fitted into the 6x6 cells are obtained, a request to the 
Web server is made for the divided image afresh entering the 
block area, when not acquired yet, or the divided image already 
downloaded from the Web server and saved in the cache memory is 
read, whereby the divided image is fitted into the 
corresponding cell and displayed. As shown in FIG. 9, the cell 
number (assigned to each divided image) of the cell, into which 
each divided image is fitted, is uniquely determined for each 
divided image . The cell number is not changed for the divided 
image remaining within the block (not getting out of the block 
by the scroll operation) from the previous time of resetting 
the block. 

FIG. 14 shows one example of changing the fitting of 
divided image into each cell making up the block under the 
resetting control of the block. Of the numerical values 
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described at each cell position of FIG. 14, the coordinate 
values of divided image are indicated at the upper stage and the 
cell number is indicated at the lower stage. In this example, 
only one boundary of cell is beyond the origin (0, 0) of browser 
to the right side in the X axis direction by moving the image by 
the scroll operation, and not in the Y axis direction (when the 
image is moved as shown in FIG. 11) . 

[Display magnification change control] 

The control for changing the display magnification during 
the perusal of the newspaper will be described below. This 
display magnification change control involves the control to 
change the display magnification with the mouse cursor 
(pointer) position as a steady point (i.e. , so that the 
position on the paper where the mouse cursor is located may not 
be changed before and after magnification change. ) FIG. 15 
shows a control flow. The control of FIG. 15 is made by 
JavaScript described in the HTML transmitted from the Web 
server. The mouse cursor is placed at any position of the 
displayed image (article position where the peruser wants to 
peruse by changing the display magnification) on the newspaper 
during the perusal of the newspaper (S21) . Then, the mouse is 
right clicked (S22) . The coordinate values of the mouse cursor 
(pointer) at that time (pixel values whose origin is the origin 
(0, 0) of the browser) are acquired (S23) . AS to the coordinate 
values (Xdo, Ydo) of the origin of image, the initial value (Xo, 
Yo) is given by the expressions (5) and (6) , and updated by the 
expressions (23) and (24) every time of scroll operation. 
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Thereby, the coordinate values (X do , Y do ) of the origin of image 
is already acquired at the time when the display magnification 
change operation is made . 

A pop-up menu for selecting the display magnification is 
displayed by the right click operation of the mouse (S24) . The 
peruser conducts an operation of selecting any magnification 
from among the numerical values (length ratios) of the display 
magnification displayed on the pop-up menu (S25) . Then, the 
arithmetical operation for obtaining the origin position of 
the image required for displaying the image at the selected 
magnification is performed, with the mouse cursor position at 
the time of making the right click as the steady point (S26) . 
Referring to FIG. 16, the contents of arithmetical operation 
will be described. In an example of FIG. 16, the image 1 (18-1) 
displayed before the display magnification change is enlarged 
and displayed as the image 2 (18-2) with the display 
magnification change operation position (mouse cursor 
position at the time of right click, hereinafter referred to as 
a "processing center" ) as the steady point. 

In FIG. 16, the variables have the following meanings. 

X«: Distance between origin of browser and processing 
center in the X axis direction 

Xmn: Distance between origin of browser and origin of 
image 1 in the X axis direction 

Xmi2: Distance between origin of image 1 and processing 
center in the X axis direction 
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Xm2i: Distance between origin of browser and origin of 
image 2 in the X axis direction 

Xm 22 : Distance between origin of image 2 and processing 
center in the X axis direction 

Ym: Distance between origin of browser and processing 
center in the Y axis direction 

Ymii: Distance between origin of browser and origin of 
image 1 in the Y axis direction 

Ynii2: Distance between origin of image 1 and processing 
center in the Y axis direction 

Ym2i: Distance between origin of browser and origin of 
image 2 in the Y axis direction 

Ym 22 : Distance between origin of image 2 and processing 
center in the Y axis direction 

Assuming that the ratio of display magnification of image 2 to 
display magnification of image 1 is a (a>l) , the following 
expressions hold, 

Xm22=a # Xm l2 ... (Expression 35) 

Ym22=a < Y B >i2 . . . (Expression 36) 
Also, from FIG. 16, 

Xmi2=Xm+Xmn . . . (Expression 37) 

Yml2 = Ym +Ynm ... (Expression 38 ) 
Substituting the expressions (37) and (38) for the expressions 
(35) and (36) , 

Xm22=0fXm+CfXmii . . . (Expression 39) 

Ym22=cx # Yo+a # Ymii . . . (Expression 40) 



From FIG. 16 , 
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Xn2i=XiB22-Xm ... (Expression 41) 

Ym21 = Ym22- Ym ... (Expression 42 ) 

Substituting the expressions (39) and (40) for the expressions 
(41) and (42) , 

Xm2i= ( a • Xm+a • X*n ) -Xm = (a-l)Xm+a'Xmn ... (Expression 43) 
Ym2i=(a* Ym+Cf Ymii) - Ym = ( a - 1 ) Ym+ a • Ymn ... (Expression 44) 

The coordinate values (Xm 2 i # Ym 2 i) (pixel values ) obtained by the 
expressions (43) and (44) indicate the origin position of image 
after magnification change . 

If the origin position of image after magnification 
change through the above calculation is obtained at step S26 of 
FIG. 15, the divided images fitted into the 6x6 cells making up 
the block are calculated (S27) . The number of pixels making up 
one divided image fitted into one cell is fixed, irrespective 
of the difference in the magnification, as previously 
described, for example, 480x480 pixels . The divided image 
fitted into each cell is calculated based on the expressions 
(11) to (16). That is, the coordinates [x f , y f ] of the first 
divided image ( to which the origin ( 0 , 0 ) of the browser 
belongs ) entering the display region of the browser are 
obtained from the expressions (11) and (12) (in the expressions 
(11) and (12) , the origin position X«ai, Ym 2 i of image after 
magnification change obtained by the expressions (43) and (44) 
is employed, instead of the initial value Xo, Yo of the origin of 
image) . 



If the coordinates [x f , yt] of the first divided image 
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entering the display region of the browser are obtained, the 
coordinate value Xf-1 of divided image fitted into the cell S xf 
(X axis first cell) located at the left end of block is obtained 
by the expressions (13) and (14) . Similarly, the coordinate 
value y f -l of divided image fitted into the cell S yf (Y axis 
first cell) located at the upper end of block is obtained. 
Moreover, supposing that the first cell [Sxf, S y J is the 
zeroth cell, the coordinate values [Xf-l+m, y f -l+m] of the 
divided image fitted into the cell (s», SyJ at the m-th (m=0, 
1, . . , 5) place in the X axis direction and the n-th (n=0, 1, . . , 
5) place in the Y axis direction are obtained by the expressions 
(15) and (16) . 

At step S27 in FIG. 15, if the divided images fitted into 
the 6x6 cells making up the block are calculated through the 
above calculation, the display positions of the 6x6 cells 
making up the block on the browser are obtained from the 
expressions (19) to (22) (the origin position Xn, 2 i, Ym 2 i of image 
after magnification change is employed, instead of the initial 
value Xo, Yo of the origin of image) (S28) . That is, the 
coordinates of the origin of block are obtained from the 
expressions (19) and (20) , and the coordinates of the origin of 
each cell are obtained from the expressions (21) and (22) . 

If the divided images after magnification change fitted 
into the 6x6 cells and their display positions are obtained in 
the above way, a request to the Web server is made for the 
divided images that are not acquired yet(S29) , and the divided 
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images already downloaded from the Web server and saved in the 
cache memory are read. The images newly downloaded from the Web 
server or read from the cache memory are fitted into the 
corresponding cell and displayed (S30) . 

In the above way, the display magnification is changed 
with the processing center as the steady point. Though in the 
above description, the image is enlarged and displayed, the 
image may be reduced and displayed with the same processing, 
except that the display magnification ratio a is a<l. 

[Page turning control] 
In perusing the newspaper, when an operation of turning 
to a certain page using a tool bar on the screen of the browser 
is made, as to the instructed page, the Web browser makes a 
request for the divided image at a predetermined magnification 
(a relatively low magnification to overlook the entire article 
of the paper) to the Web server, based on JavaScript described 
in the HTML ( the divided image already downloaded from the Web 
server and saved in the cache memory is read and employed) . The 
image is initially displayed in a state where the center of the 
display region of browser and the center of image are matched as 
on the initial screen at the early time of perusal. The scroll 
control and the magnification change control after the initial 
display are performed in the same way as previously described. 

In the above embodiment , the image is divided in both the 
longitudinal and transverse directions , but may be divided in 
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only one of the longitudinal and transverse directions. Also, 
the cells (frame elements) are arranged in both the 
longitudinal and transverse directions, but may be arranged in 
only one of the longitudinal and transverse directions. Also, 
the divided image and the cell are square, but may be 
rectangular. The divided image and the cell may be other than 
square or rectangular. Also, the number of cells making the 
block is the same in the longitudinal and transverse 
directions, but may be different. Also, the block is offset 
beforehand by one cell to the left side and to the upper side in 
the display region of browser, but the amount of offset may be 
two or more cells. Also, the divided image is provided 
beforehand in the server, but transmitted, waiting for a 
request from the viewer, but the divided image may be generated 
and transmitted, waiting for a request from the viewer. Also, 
the surrounding divided images are downloaded, waiting for a 
scroll operation after the initial display, but after the 
initial display, the surrounding divided images are 
sequentially downloaded without waiting for a scroll 
operation. Also, the newspaper is perused in this embodiment, 
but this invention may be applied to the perusal of other images 
(e.g. , cartoons) . Also, the image is perused employing the Web 
browser, but this invention may be applied to the perusal of 
image employing the plug-in software. 



